import Vue from 'vue'
import router from './router'
import store from './store'
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import notification from 'ant-design-vue/es/notification'
import { USER_ID, INDEX_MAIN_PAGE_PATH, ACCESS_TOKEN, USER_INFO, USER_LOGIN_NAME } from '@/store/mutation-types'
import { getAction } from '@/api/manage'
import { generateIndexRouter } from '@/utils/util'

NProgress.configure({ showSpinner: false }) // NProgress Configuration

const whiteList = ['/user/login', '/user/register', '/user/register-result'] // no redirect whitelist

router.beforeEach((to, from, next) => {
  // console.log('to: ', to)
  NProgress.start() // start progress bar
  if (Vue.ls.get(ACCESS_TOKEN)) {
    
    if (!Vue.ls.get('materialPropertyList')) {
      let mPropertyListShort = ''
      let params = {}
      params.currentPage = 1
      params.pageSize = 100
      getAction('/materialProperty/list', params).then(res => {
        console.log('res: ', res)
        if (res && res.code === 200) {
          if (res.data) {
            let thisRows = res.data.rows //属性列表
            Vue.ls.set('materialPropertyList', thisRows, 7 * 24 * 60 * 60 * 1000)
          }
        }
      })
    }

    if (
      !Vue.ls.get(USER_ID) ||
      !Vue.ls.get(USER_LOGIN_NAME) ||
      !Vue.ls.get(USER_INFO) ||
      !Vue.ls.get('winBtnStrList') ||
      !Vue.ls.get('roleType')
    ) {
      getAction('user/getInitData').then(re => {
        if (re.success) {
          const result = re.object
          Vue.ls.set(USER_ID, result.user.id, 7 * 24 * 60 * 60 * 1000)
          Vue.ls.set(USER_LOGIN_NAME, result.user.username, 7 * 24 * 60 * 60 * 1000)
          //const userInfo = result.userInfo
          Vue.ls.set(ACCESS_TOKEN, result.token, 1 * 24 * 60 * 60 * 1000)
          // Vue.ls.set(USER_NAME, userInfo.username, 7 * 24 * 60 * 60 * 1000)
          Vue.ls.set(USER_INFO, result.user, 7 * 24 * 60 * 60 * 1000)
          Vue.ls.set('winBtnStrList', result.userBtn, 7 * 24 * 60 * 60 * 1000)
          Vue.ls.set('roleType', result.roleType, 7 * 24 * 60 * 60 * 1000)

          /* has token */
          if (to.path === '/' || to.path === '/user/login') {
            next({ path: INDEX_MAIN_PAGE_PATH })
            NProgress.done()
          } else {
            if (store.getters.permissionList.length === 0) {
              store
                .dispatch('GetPermissionList')
                .then(res => {
                  const menuData = res
                  if (menuData === null || menuData === '' || menuData === undefined) {
                    return
                  }
                  let constRoutes = []
                  constRoutes = generateIndexRouter(menuData)
                  // 添加主界面路由
                  store.dispatch('UpdateAppRouter', { constRoutes }).then(() => {
                    // 根据roles权限生成可访问的路由表
                    // 动态添加可访问路由表
                    router.addRoutes(store.getters.addRouters)
                    const redirect = decodeURIComponent(from.query.redirect || to.path)
                    next({ path: redirect })
                  })
                })
                .catch(() => {
                  store.dispatch('Logout').then(() => {
                    next({ path: '/user/login', query: { redirect: to.fullPath } })
                  })
                })
            } else {
              if (to.path) {
                _hmt.push(['_trackPageview', '/#' + to.fullPath])
              }
              next()
            }
          }
        }
      })
    } else {
      /* has token */
      if (to.path === '/' || to.path === '/user/login') {
        next({ path: INDEX_MAIN_PAGE_PATH })
        NProgress.done()
      } else {
        if (store.getters.permissionList.length === 0) {
          store
            .dispatch('GetPermissionList')
            .then(res => {
              const menuData = res
              if (menuData === null || menuData === '' || menuData === undefined) {
                return
              }
              let constRoutes = []
              constRoutes = generateIndexRouter(menuData)
              // 添加主界面路由
              store.dispatch('UpdateAppRouter', { constRoutes }).then(() => {
                // 根据roles权限生成可访问的路由表
                // 动态添加可访问路由表
                router.addRoutes(store.getters.addRouters)
                const redirect = decodeURIComponent(from.query.redirect || to.path)
                next({ path: redirect })
              })
            })
            .catch(() => {
              /* notification.error({
     message: '系统提示',
     description: '请求用户信息失败，请重试！'
   })*/
              store.dispatch('Logout').then(() => {
                next({ path: '/user/login', query: { redirect: to.fullPath } })
              })
            })
        } else {
          if (to.path) {
            _hmt.push(['_trackPageview', '/#' + to.fullPath])
          }
          next()
        }
      }
    }
  } else {
    if (whiteList.indexOf(to.path) !== -1) {
      // 在免登录白名单，直接进入
      next()
    } else {
      next({ path: '/user/login', query: { redirect: to.fullPath } })
      NProgress.done() // if current page is login will not trigger afterEach hook, so manually handle it
    }
  }
})

router.afterEach(() => {
  NProgress.done() // finish progress bar
})
